value { color: gtkalpha(currentColor, 0.55); }
- marks {
- color: gtkalpha(currentColor, 0.55);
-
- @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
- (bottom, bottom, top),
- (top, left, right),
- (bottom, right, left) {
- &.#{$marks_class} {
- margin-#{$marks_margin}: $_marks_distance;
- margin-#{$marks_pos}: -($_marks_distance + $_marks_length);
- }
- }
- }
-
&.fine-tune marks {
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
(bottom, bottom, top),
}
&.horizontal {
- indicator {
- background-color: currentColor;
- min-height: $_marks_length;
- min-width: 1px;
+ >marks {
+ color: gtkalpha(currentColor, 0.55);
+ &.top { margin-bottom: $_marks_distance; }
+ &.bottom { margin-top: $_marks_distance; }
+
+ indicator {
+ background-color: currentColor;
+ min-height: $_marks_length;
+ min-width: 1px;
+ }
}
&.fine-tune indicator { min-height: ($_marks_length - 3px); }
}
&.vertical {
- indicator {
- background-color: currentColor;
- min-height: 1px;
- min-width: $_marks_length;
+ >marks {
+ color: gtkalpha(currentColor, 0.55);
+ &.top { margin-right: $_marks_distance; }
+ &.bottom { margin-left: $_marks_distance; }
+
+ indicator {
+ background-color: currentColor;
+ min-height: 1px;
+ min-width: $_marks_length;
+ }
}
&.fine-tune indicator { min-width: ($_marks_length - 3px); }
scale value { color: alpha(currentColor,0.55); }
-scale marks { color: alpha(currentColor,0.55); }
-
-scale marks.top { margin-bottom: 6px; margin-top: -12px; }
-
-scale marks.bottom { margin-top: 6px; margin-bottom: -12px; }
-
-scale marks.top { margin-right: 6px; margin-left: -12px; }
-
-scale marks.bottom { margin-left: 6px; margin-right: -12px; }
-
scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
-scale.horizontal indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
scale.horizontal.fine-tune indicator { min-height: 3px; }
-scale.vertical indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
scale.vertical.fine-tune indicator { min-width: 3px; }
scale value { color: alpha(currentColor,0.55); }
-scale marks { color: alpha(currentColor,0.55); }
-
-scale marks.top { margin-bottom: 6px; margin-top: -12px; }
-
-scale marks.bottom { margin-top: 6px; margin-bottom: -12px; }
-
-scale marks.top { margin-right: 6px; margin-left: -12px; }
-
-scale marks.bottom { margin-left: 6px; margin-right: -12px; }
-
scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
-scale.horizontal indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
scale.horizontal.fine-tune indicator { min-height: 3px; }
-scale.vertical indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
scale.vertical.fine-tune indicator { min-width: 3px; }